<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录</title>
</head>
<body>
  <!-- 
    get : 默认值，浏览器会把收集好的表单数据，加到服务器地址的后面，提交给服务器
    post : 不但可以收集表单的数据，而且不会在地址栏暴露隐私数据
  -->
  <form action="https://raink.net/api/html/signin" method="post">
    账号：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    <input type="submit" value="登录">
  </form>
  <hr width="100px" size="10px" noshade color="red" align="left">
  <pre>
    床前明月光，
    疑是地上霜。
    举头望明月，
    低头思故乡。
  </pre>

  <img src="https://pic4.zhimg.com/v2-6a9a9632a4a2e01bc89bc931b2cb29a1_r.jpg" alt="" usemap="#planetmap" width="100px" height="100px">
  <map name="planetmap">
    <area shape="rect" coords="0,0,110,260" href="https://img1.baidu.com/it/u=1941754368,3189485105&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=749" alt="">
    <area shape="circle" coords="129,161,10" href="https://q4.itc.cn/q_70/images03/20240427/7ac78e83a70f4bf09ca76f070e3f9d67.jpeg" alt="">
  </map>


  <iframe src="https://www.bilibili.com/" frameborder="1" width="800" height="600"></iframe><hr>
  <a href="https://www.bilibili.com/" target="iframe_a">哔哩哔哩</a>
  <iframe name="iframe_a" frameborder="0"></iframe>

  <div>
    <a href="./anchor.html" target="iframe_b"><b>页面1</b></a>
    <a href="./case_form.html" target="iframe_b"><b>页面2</b></a>
    <a href="./frofile.html" target="iframe_b"><b>页面3</b></a>
  </div>
  <iframe name="iframe_b" frameborder="0"></iframe>
</body>
</html>